<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <!--适配屏幕大小的-->
    <meta name="viewport" http-equiv="Content-Type" content="width=device-width,initial-scale=1,text/html" charset="UTF-8"/>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css"/>
    <script src="../static/js/jquery-3.3.1.min.js"></script>
    <script src="../static/js/popper.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <title>you know,for search!</title>
    <!--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>-->
    <style type="text/css">
        #img { position: absolute;top: 20px;left: 480px;}
        #img1{position: absolute;top: 80px;left: 580px;}
        #div1 {position: absolute;top: 250px;left: 280px;width: 800px;z-index: 1;}
        #dataPanel {position: absolute;top: 300px;left: 120px;}
    </style>
</head>
<body>

    <div class="container" id="img">
        <img src="../static/img/1.jpg" />
    </div>

    <div class="container" id="img1">
        <img src="../static/img/2.png" />
    </div>

    <div class="container" id="div1">
        <form id="form1" action="/search" method="get" >
            <div class="input-group mb-3">
                <input type="text" class="form-control" name="keyWord" placeholder="Search something..." />
                <div class="input-group-append">
                    <button class="btn btn-primary" type="submit" id="search">Search</button>
                </div>
            </div>
        </form>
    </div>




</body>
</html>
